.search {
    width: 100%;
    height: 100%;
    .tabller {
        width: 100%;
        height: 30px;
        // background-color: aqua;
        display: flex;
        justify-content: space-between;
        align-items: center;
        h2 {
            margin-top: 10px;
        }
    }
    .input {
        width: 100%;
        height: 40px;
        margin-top: 10px;
        // background-color: pink;
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: relative;
        input {
            width: 85%;
            height: 30px;
            border-radius: 10px;
            outline: none;
            border: none;
            padding-left: 25px;
            background-color: #f6f6ff;
        }
        span {
            color: gray;
        }
        i {
            position: absolute;
            left: 15px;
        }
    }
    .lately_search {
        width: 100%;
        height: 30px;
        margin-top: 15px;
        // background-color: pink;
            display: flex;
            justify-content: center;
            align-items: center;
        .cen {
            width: 94%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        h3 {
            font-weight: 600;
            // line-height: 30px;
            margin-top: 8px;
        }
        i {
            font-size: 20px;
        }
    }
    .arr {
        width: 100%;
        height: 100%;
        flex-wrap: wrap;
        // background-color: aqua;
        display: flex;
        align-items: center;
        // justify-content: space-between;
        .li {
            display: inline-block;
            width: 20%;
            height: 30px;
            border-radius: 19px;
            background-color: rgba(128, 128, 128, 0.388);
            margin: 5px 5px;
            text-align: center;
            line-height: 30px;
            // color: #fff;
            margin: 5px 25px;
            color: #fff;
        }
    }
    .show {
        width:100%;
        height: 100%;
        margin-top: 170px;
        // background-color: aqua;
        .show_shopping {
            width: 100%;
            height: 150px;
            // background-color: pink;
            display: flex;
            border-bottom: 1px solid rgba(128, 128, 128, 0.27);
            .left {
                width: 30%;
                height: 100%;
                // background-color: orange;
                display: flex;
                justify-content: center;
                align-items: center;
                .image {
                    width: 80%;
                    height: 80%;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .right {
                width: 70%;
                height: 100%;
                // background-color: rgba(255, 0, 0, 0.388);
                .name1 {
                    width: 100%;
                    height: 30px;
                    // background-color: orange;
                    display: flex;
                    align-items: center;
                    font-size: 16px;
                }
                .name2 {
                    width: 100%;
                    height: 30px;
                    // background-color: blueviolet;
                    display: flex;
                    align-items: center;
                    color: gray;
                    font-size: 14px;
                    display: flex;
                    align-items: center;
                }
                .name3 {
                    width: 290px;
                    height: 50px;
                    // background-color: antiquewhite;
                    font-size: 16px;
                    display: flex;
                    align-items: center;
                    word-wrap:break-word; 
                    word-break:break-all; 
                    overflow: hidden;/*这个参数根据需求来决定要不要*/
                }
                .name4 {
                    width: 100%;
                    height: 40px;
                    // background-color: aqua;
                    display: flex;
                    align-items: center;
                    .mianshui {
                        color: red;
                        font-size: 14px;
                        span {
                            color: red;
                            font-size: 22px;
                        }
                    }
                }
            }
        }
    }
    .bbbbb {
        margin-left: 10px;
        margin-top: 55px;
    }
    .remensousuo {
        width: 100%;
        height: 30px;
        margin-top: 45px;
        margin-left: 10px;
        font-size: 16px;
        font-weight: bold;
        color: black;
        h3 {
            color: black;
        }
        .ma {
            display: flex;
            width: 100%;
            height: 100%;
            // justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
        }
        span {
            display: block;
            width: 24%;
            height: 30px;
            border-radius: 20px;
            background-color: rgba(128, 128, 128, 0.497);
            text-align: center;
            line-height: 30px;
            color: #fff;
            font-size: 14px;
            margin: 5px 15px;
        }
    }
}
.iconsbb {
    width: 100%;
    height: 20px;
    font-size:30px;
    color:#ffce7b;
    margin: 10px 10px;
}
body,html {
    max-width: 100%;
    overflow-x: hidden; 
}